Micron Document
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
| SparkN0de-git | SparkN0de |
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / messages / OutboundTransferProgressFooter.vue

Displaying Raw • Download


meshchatx/src/frontend/components/messages/OutboundTransferProgressFooter.vue ad35cc8bacba258d1b433a52de9bbc0f33172bb7 (ad35cc8b) Text, 2.41 KB

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3cvTb4b4b4.Te6edf3showOutboundTransferProgressTb4b4b4(Te6edf3lxmfMessageTb4b4b4)Ta5d6ff" Te6edf3classTff7b72=Ta5d6ff"w-full shrink-0" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3shellClassTa5d6ff"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-1.5"Tb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 h-1 rounded-full overflow-hidden" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3trackClassTa5d6ff"Tb4b4b4>
Tb4b4b4<Tff7b72div
Te6edf3classTff7b72=Ta5d6ff"h-full rounded-full transition-all duration-300"
Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3barClassTa5d6ff"
Tb4b4b4:Te6edf3styleTff7b72=Ta5d6ff"Tb4b4b4{ Te6edf3widthTff7b72: Te6edf3cvTb4b4b4.Te6edf3outboundTransferProgressPercentTb4b4b4(Te6edf3lxmfMessageTb4b4b4) Tff7b72+ Ta5d6ff'%' Tb4b4b4}Ta5d6ff"
Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"text-[10px] font-semibold tabular-nums shrink-0" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3percentClassTa5d6ff"Tb4b4b4>
Tff7b72{{ Te6edf3cvTb4b4b4.Te6edf3outboundSendingProgressLabelTb4b4b4(Te6edf3lxmfMessageTb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3statsLabelTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"text-[9px] tabular-nums truncate mt-0.5 leading-tight" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3statsClassTa5d6ff"Tb4b4b4>
Tff7b72{{ Te6edf3statsLabel Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>
Tff7b72export Tff7b72default Tb4b4b4{
Te6edf3nameTff7b72: Ta5d6ff"OutboundTransferProgressFooter"Tb4b4b4,
Te6edf3propsTff7b72: Tb4b4b4{
Te6edf3lxmfMessageTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,
Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3chatItemTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,
Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3cvTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,
Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3variantTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657StringTb4b4b4,
Tff7b72defaultTff7b72: Ta5d6ff"bubble"Tb4b4b4,
Te6edf3validatorTff7b72: Tb4b4b4(Te6edf3valueTb4b4b4) Tb4b4b4=> Tb4b4b4[Ta5d6ff"bubble"Tb4b4b4, Ta5d6ff"image"Tb4b4b4]Tb4b4b4.Te6edf3includesTb4b4b4(Te6edf3valueTb4b4b4)Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3computedTff7b72: Tb4b4b4{
Te6edf3statsLabelTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3cvTb4b4b4.Te6edf3outboundTransferStatsLabelTb4b4b4(Tff7b72thisTb4b4b4.Te6edf3lxmfMessageTb4b4b4, Tff7b72thisTb4b4b4.Te6edf3chatItemTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3shellClassTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3variant Tff7b72=== Ta5d6ff"image"Tb4b4b4) Tb4b4b4{
Tff7b72return Ta5d6ff"bg-black/75 backdrop-blur-md px-2.5 py-1.5"Tb4b4b4;
Tb4b4b4}
Tff7b72return Ta5d6ff"border-t border-black/8 dark:border-white/10 bg-black/[0.04] dark:bg-white/[0.05] px-3 py-1.5"Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3trackClassTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3variant Tff7b72=== Ta5d6ff"image" Tff7b72? Ta5d6ff"bg-white/20" Tff7b72: Ta5d6ff"bg-gray-200/90 dark:bg-zinc-700/90"Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3barClassTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3variant Tff7b72=== Ta5d6ff"image" Tff7b72? Ta5d6ff"bg-white" Tff7b72: Ta5d6ff"bg-blue-500 dark:bg-blue-400"Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3percentClassTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3variant Tff7b72=== Ta5d6ff"image" Tff7b72? Ta5d6ff"text-white/95" Tff7b72: Ta5d6ff"text-gray-500 dark:text-zinc-400"Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3statsClassTb4b4b4(Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3variant Tff7b72=== Ta5d6ff"image" Tff7b72? Ta5d6ff"text-white/75" Tff7b72: Ta5d6ff"text-gray-400 dark:text-zinc-500"Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>


──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────